﻿<!doctype html>
<html>
<head>
<meta charset="utf-8"/>
<title>KISSY Gallery</title>
<link rel="shortcut icon" href="../kissy-dpl/base/assets/favicon.ico"/>
<link rel="stylesheet" href="../kissy-dpl/base/assets/reset.css"/>
<link rel="stylesheet" href="../kissy-dpl/base/assets/kissy-docs.css"/>
<script src="../kissy-dpl/base/assets/kissy.js"></script>
<script src="../kissy-dpl/base/assets/kissy-docs.js"></script>
</head>
<body>
<div id="header">
    <h1 class="logo"><a alt="KISSY" href="http://kissyui.com/"><img src="../kissy-dpl/base/assets/logo.png"/></a></h1>
    <p class="sub-title">Gallery</p>
    <ul class="navigation">
        <li><a href="https://groups.google.com/group/kissy-ui">讨论组</a></li>
        <li><a href="http://github.com/kissyteam">源码</a></li>
    </ul>
</div>
<div id="content">
    <div class="s-crumbs">
        <span>当前位置：</span>
        <a href="http://kissyui.com/">KISSY</a>
        <span>Gallery</span>
    </div>


    <div class="layout grid-m">
        <div class="col-main">
            <div class="s-section">
                <ul class="s-list">
                    <li><a href="gallery/grid/1.0/index.html" target="_blank">Grid</a> <span class="s-desc">表格 grid 组件</span></li>
                    <li><a href="gallery/randombox/" target="_blank">randombox</a> <span class="s-desc">转盘摇奖</span></li>
                    <li><a href="gallery/checkcode/" target="_blank">checkcode</a> <span class="s-desc">验证码组件</span></li>
                    <li><a href="gallery/scrollspy/" target="_blank">scrollspy</a> <span class="s-desc">scrollspy 组件</span></li>
                    <li><a href="gallery/selectable/1.0/demo.html" target="_blank">Selectable 和 Combobox</a> <span class="s-desc">- 选择/下拉框</span></li>
                    <li><a href="gallery/form/" target="_blank">form/uploader</a> <span class="s-desc">表单组件集合（异步文件上传）</span></li>
                    <li><a href="gallery/kscroll/" target="_blank">kscroll</a> <span class="s-desc">滚动条组件</span></li>
                    <li><a href="gallery/urlparser/1.0/demo.html" target="_blank">urlparser</a> <span class="s-desc">urlparser</span></li>
                    <li><a href="gallery/wwgroup/1.0/demo.html" target="_blank">wwgroup</a> <span class="s-desc">ww 点灯</span></li>
                    <li><a href="gallery/juicer/1.0/demo.html" target="_blank">juicer</a> <span class="s-desc">- 最快的模板引擎</span></li>
                    <li><a href="gallery/sliding-labels/1.0/demo.html" target="_blank">SlidingLabels</a> <span class="s-desc">- 表单label浮动功能。表单各个输入项目中, 如果有label的话, 可以很方便地放在输入框上方, 当点击时移开label。</span></li>
                    <li><a href="gallery/digital-clock/1.0/clock-js.html" target="_blank">DigitalClock</a> <span class="s-desc">- 数字时钟。</span></li>
                    <li><a href="gallery/chart/1.0/demo.html" target="_blank">Chart</a> <span class="s-desc">- Kissy 图表引擎，提供条形图，折线图。基于HTML5 Canvas， 支持IE </span></li>
                    <li><a href="gallery/countdown/1.1/demo.html" target="_blank">Countdown</a> <span class="s-desc">- 倒计时组件。支持适度扩展，有一些默认效果 （基德）</span></li>
                    <li><a href="gallery/easycountdown/1.0/demo.html" target="_blank">Easy Count-down</a> <span class="s-desc">- 倒计时组件，不同于传统倒计时组件的实现方式，容易扩展。 （常胤）</span></li>
                    <li><a href="gallery/expose/1.0/demo.html" target="_blank">Expose</a> <span class="s-desc">- 开关灯，同优酷视频播放的黑白屏效果</span></li>
                    <li><a href="gallery/spotlight/1.0/demo.html" target="_blank">Spotlight</a> <span class="s-desc">聚焦灯效果</span></li>
                    <li><a href="gallery/couple-select/1.0/demo.html" target="_blank">Couple-select</a> <span class="s-desc">- 模拟MultiSelect的功能，能排除已选择的项，有单选，全选的功能。</span></li>
                    <li><a href="gallery/loading/1.0/demo.html" target="_blank">Loading</a> <span class="s-desc">- 显示/关闭加载状态</span></li>
                    <li><a href="gallery/random-show/1.0/demo.html" target="_blank">Random-show</a> <span class="s-desc">随机显示效果</span></li>
                    <li><a href="gallery/reflection/1.0/demo.html" target="_blank">Reflection</a> <span class="s-desc">图片倒影效果</span></li>
                    <li><a href="gallery/pagination/1.0/demo.html" target="_blank">Pagination</a> <span class="s-desc">- 分页</span></li>
                    <li><a href="gallery/starrating/1.0/demo.html" target="_blank">Starrating</a> <span class="s-desc">- 打分</span></li>
                    <li><a href="gallery/local-storage/1.0/demo.html" target="_blank">Local-storage</a> <span class="s-desc">- 本地存储</span></li>
                    <li>
                    <a href="gallery/browsercache/1.0/demo.html" target="_blank">browsercache</a> <span class="s-desc">- 浏览器端的缓存机制</span></li>
                    
                    <li><a href="gallery/mustache/1.0/demo.html" target="_blank">mustache</a> <span class="s-desc">- Mustache</span></li>
                    <li><a href="gallery/image-tagging/1.0/demo.html" target="_blank">Image-Tagging</a> <span class="s-desc">- 图片标记组件</span></li>
                    <li><a href="gallery/huabao/1.0/demo.html" target="_blank">Huabao</a> <span class="s-desc">- 画报组件</span></li>
                    <li><a href="gallery/magnifier/1.0/demo.html" target="_blank">magnifier</a> <span class="s-desc">- 圆形放大器</span></li>
                    <li><a href="gallery/province/1.0/demo.html" target="_blank">province</a> <span class="s-desc">- 省市区联动组件，淘宝最新省市区数据</span></li>
					<li><a href="gallery/combine/1.0/demo.html" target="_blank">combine</a> <span class="s-desc">- 适用 KISSY 1.2 的自动 combo patch</span></li>
                </ul>
            </div>
        </div>
    </div>
</div>
<div id="footer">
    &copy; Copyright 2010~2011, KISSY Team.
</div>
</body>
</html>